﻿@{
    Layout = "~/Views/Shared/_IndexLayOut.cshtml";
    var List = ViewData["List"] as List<Model.SOP_ArcyunHomePic>;
    int Count = List.Count;
    int right = -(Count * 9 + (Count - 1) * 30) / 2 + 30;
}
<script type="text/javascript" src="../../Content/js/Jquery.SuperSlide.2.1.1.js"></script>
<div class="body">
    <div id="slideBox1" class="slideBox1">
        @if (List != null && List.Count > 0)
        {
            //int Count = List.Count;

            <div class="hd" style="margin-right:" right;">
                <ul>
                    @for (int i = 0; i < List.Count; i++)
                    {
                        <li></li>
                    }
                </ul>
            </div>
            <div class="bd">
                <ul>
                    @foreach (var item in List)
                    {
                        <li>
                            <div>
                                <a href="@item.Href">
                                    <img src="@System.Configuration.ConfigurationManager.AppSettings["sourceUrl"]/@item.ImgUrl" alt="@item.Remark" />
                                </a>
                            </div>
                        </li>
                    }
                </ul>
            </div>
        }
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            jQuery(".slideBox1").slide({ mainCell: ".bd ul", autoPlay: true, effect: "leftLoop", interTime: 6000, delayTime: 1500 });
            //控制轮播产品图片高度
            var slideBoxWidth = $(".slideBox1 .bd img").width();
            var slideBoxHeight = slideBoxWidth / 3.31;
            $(".slideBox1 .bd img").height(slideBoxHeight);
            //控制产品图片高度
            var liwidth = $(".procuct_introduction li").width();
            var liheight = liwidth / 412 * 477;
            $(".procuct_introduction li").height(liheight);
        })
    </script>
</div>
<div class="body">
    <div class="index_bg1">
        <h2 class="title">我们的产品</h2>
        <p class="text mb30">阳虹拥有强大的服务与技术,以业界领先水平为您打造化妆品智慧管理平台</p>
        <div class="product_introduction">
            <ul>
                <li class="fl">
                    <div>
                        <p><span class="f6">●</span> 电子会员卡</p>
                        <p>&nbsp;&nbsp;随时随地享特权、查积分</p>
                        <p><span class="f6">●</span> 电子券包</p>
                        <p>&nbsp;&nbsp;现金券、折扣券、红包抢不停</p>
                        <p><span class="f6">●</span> 私人美容顾问</p>
                        <p>&nbsp;&nbsp;美容困扰随时答疑</p>
                    </div>
                </li>
                <li class="fcenter">
                    <div>
                        <p><span class="f6">●</span> 懂会员的BA</p>
                        <p>&nbsp;&nbsp;了解会员消费习惯，推荐会员喜好商品</p>
                        <p><span class="f6">●</span> 随时沟通</p>
                        <p>&nbsp;&nbsp;BA与会员随时沟通，建立信任感</p>
                        <p><span class="f6">●</span> 科学分类商品</p>
                        <p>&nbsp;&nbsp;科学分类商品，速知商品信息、卖点</p>
                    </div>
                </li>
                <li class="fr">
                    <div>
                        <p><span class="f6">●</span> 高效大数据平台</p>
                        <p>&nbsp;&nbsp;基于大数据理念打造的超级零售平台</p>
                        <p><span class="f6">●</span> 强大的云计算</p>
                        <p>&nbsp;&nbsp;与移动APP无缝对接，随时掌握公司状况</p>
                        <p><span class="f6">●</span> 精细化报表系统</p>
                        <p>&nbsp;&nbsp;集成CRM管理，提供多维度的精细报表</p>
                    </div>
                </li>
            </ul>
        </div>
        <div class="go_product"><a href="/product/BossNew">更多产品<span class="index_arrow"></span></a></div>
    </div>
    <div class="index_service">
        <div class="tc">
            <h2 class="title">我们的支持</h2>
            <p class="text mb30">专业的软件使用培训,贴心的客户服务</p>
        </div>
        <div class="index_bg2">
            <div class="inner">
                <img src="../../Content/Images/index/icon_rj.png" alt="软件使用培训" />
                <p class="title mb15">软件使用培训</p>
                <p class="mb8">电脑远程辅助上线，软件操作</p>
                <p>培训精品案例辅助参考</p>
            </div>
            <div class="inner">
                <img src="../../Content/Images/index/icon_mr.png" alt="专业美容培训师" />
                <p class="title mb15">专业美容培训师</p>
                <p class="mb8">BA美容知识培训、技能培训、</p>
                <p>BA销售方法培训</p>
            </div>
            <div class="inner">
                <img src="../../Content/Images/index/icon_sc.png" alt="海量素材库" />
                <p class="title mb15">海量素材库</p>
                <p class="mb8">专业市场运营团队支持，共享</p>
                <p>素材库运营、维护轻松搞定</p>
            </div>
            <div class="inner">
                <img src="../../Content/Images/index/icon_kefu.png" alt="贴心的客户服务" />
                <p class="title mb15">贴心的客户服务</p>
                <p class="mb8">专业、耐心客服MM，及时解决</p>
                <p>问题，全天候服务支持</p>
            </div>
        </div>
    </div>
    <div class="index_customer">
        <div class="name tc">
            <p class="title mb20">正在使用的客户</p>
            <p class="mb mb40">世界知名企业都选择阳虹</p>
        </div>
        <div class="brandLogo">
            <div class="bd">
                <ul>
                    <li class="mb20">
                        <a title="office" class="logo a_office" href="http://www.olcolor.com/" target="_blank"></a>
                        <a title="卞卡" class="logo a_kk" href="http://www.bincavidou.com/" target="_blank"></a>
                        <a title="欧诗漫" class="logo a_osm" href="http://www.osmun.com.cn/" target="_blank"></a>
                        <a title="嘉媚乐" class="logo a_camenae" href="http://www.camenae.com.cn/" target="_blank"></a>
                        <a title="莫施" class="logo a_moschner" href="http://www.bio-moschner.com/" target="_blank"></a>
                    </li>
                    <li>
                        <a title="细胞博士" class="logo a_cell" href="http://www.dr-cell.com.cn/" target="_blank"></a>
                        <a title="薇姿" class="logo a_vichy" href="http://www.vichy.com.tw" target="_blank"></a>
                        <a title="理肤泉" class="logo a_lifuquan" href="http://www.larocheposay.com.cn/" target="_blank"></a>
                        <a title="蜜丝佛陀" class="logo a_msft" href="http://www.maxfactorcn.com/" target="_blank"></a>
                        <a title="深蓝" class="logo a_bleunuit" href="http://www.bleunuit.com.cn/" target="_blank"></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>